<template>
  <div>
   <tabbar style="position:fixed">
      <tabbar-item selected>
        <img slot="icon"  src="" link="/index">
        <span slot="label">首页</span>
      </tabbar-item>
      <tabbar-item show-dot>
        <img slot="icon" src="">
        <span slot="label">Message</span>
      </tabbar-item>
      <tabbar-item  link="">
        <img slot="icon" src="">
        <span slot="label">Explore</span>
      </tabbar-item>
      <tabbar-item badge="2">
        <img slot="icon" src="">
        <span slot="label">News</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>
<script>
import {XHeader,Tabbar,TabbarItem} from 'vux'
import tabBar from '../components/tabbar.vue'
import svgIcon from './svgIcon.vue'
export default {
  components:{
    XHeader,
    svgIcon,
    Tabbar,
    TabbarItem
  }
}
</script>